<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<html lang="pl">  
    <head>

        <jsp:include page="./../util/configurationPage.jsp"/>


        <style type="text/css">
            #inner {
                display: table;
                margin: 0 auto;
            }

            #activeEx {
                background-color : #5CB85C;
                color:#ffffff;
                border: 1px;

            }

            .input-xs {
                width: 50px;
                height: 30px
            }
            .row-padding {
                padding-top: 5px;
            }
            
            .nextButton  {
    display: inline-block;
    padding: 5px 14px;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(221, 221, 221);
    border-radius: 15px;
    color:rgb(65,159,229);
}
.nextButton:focus{
    background-color: rgb(238, 238, 238);
    
}
.nextButton:hover{
    background-color: rgb(238, 238, 238);
    
}
.breadcrumb>li+li:before {color: rgba(0, 0, 0, 1); content: "\232A\00a0";}

        </style>


        <script type="text/javascript">
            $(window).on('load', function() {

                $('.selectpicker').selectpicker();

                // $('.selectpicker').selectpicker('hide');
            });



            function toggleDisabled(value) {
                document.getElementById('box').disabled = value ? false : true;
            }
        </script>
    </head>
    <body>
        <jsp:include page="./../navbar/navbarMain.jsp"/>
        <br>

        <div class="container ">
            <div class="col-lg-12">
                <div class="row">
                    <div class="col-lg-3">
                        <jsp:include page="./../navbar/menuBar.jsp"/>
                    </div>
                    <div class="col-lg-9">
                        <div class="panel panel-success">

                            <div class="panel-heading">
                                <h3 class="panel-title">Koszyk</h3>
                            </div>
                            <ol class="breadcrumb">
                                <li class="active">1. Zawartość koszyka</li>
                                <li>2. Odbiorca</li>
                                <li class="active"> 3. Podsumowanie</li>
                                <li class="active">4. Potwierdzenie</li>
                            </ol>
                            <div class="panel-body">





                                <div class="well well-sm">
                                    <strong>Dane odbiorcy:</strong><br>
                                    ${commandBean.firstName} ${commandBean.lastName}<br>
                                    ${commandBean.address}<br>
                                    ${commandBean.city}, ${commandBean.postCode} 
                                  
                                </div>


                                <div class="checkbox">
                                    <label>
                                        <input type="checkbox" autofocus   onfocus="toggleDisabled(this.checked)"  onchange="toggleDisabled(this.checked)"/> W przypadku innego adresu dostawy proszę zaznaczyc pole i podać nowy adres.
                                    </label>
                                </div>
                                 <form:form method="POST"  commandName="commandBean" action="cart.htm?step=3">    
                                <form:textarea  path="comment"  name="details" id="box" rows="4" cols="50"  class="form-control"  disabled="disabled"/>

                                <ul class="pager" >
                                    <li><a href="cart.htm?step=1">&larr; Zawartość koszyka</a></li>
                                    <li><button  class="nextButton" type="submit">Podsumowanie &rarr;</button></li>
                                </ul>
 </form:form>
                            </div>
                        </div>
                    </div>
                </div>  
            </div>
        </div>


        <jsp:include page="./../util/footer.jsp"/>
    </body>
</html>

